CSS中属性的值有着许多种格式。为了让用户代理（即浏览器）能够识别一个值是否有效，则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型，在规范中用的形式标识。 CSS中存在两种数据类型——特定数据 ...

有好多次，别人说我算不上程序员，因为我在用HTML + CSS编程。我非常伤心，因为别人都不认为我是开发人员。我们讨论了好几个小时，网上也有很多关于这个话题的讨论。但仍然还有人否认这一点，那么就让我们在本文中好好探讨一番。 在深入探讨之前， ...

To play an audio in web page is "easy". const beep = new Audio('./beep.mp3'); beep.play(); This code loads the "beep.mp3 ...

在很多定制化的可视化场景中，拖拽、缩放、全屏操作必不可少，尤其对于业务复杂的可视化需求，当画布内容足够多，可视区域显示不下时，就需要借助缩略图来一览全局。 本文将介绍一款轻量级的画布引擎ReScreen，ReScreen是集缩略图与画布操作 ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

css中的单位很多，%、px、em、rem、vw、vh等。每个单位都用特点的用途，比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时，除了%,其他的单位都很难做到，所以说不存在某个单位是错误的，某个单位是最好的这种说法。 本文 ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则，在CSS中，种类还是很多的，这里总结列举下。 常规规则 所谓“常规规则”指的是语法类似下面的规则： @[KEYWORD] (RULE) 包括： @charset ...

语法: @media mediatype and|not|only (media feature) { CSS-Code; } </span ...